* {
    box-sizing: border-box;
}

/* 阿里巴巴图标要求 */
.icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

/* 弹性布局 */
.Yy-d-flex {
    display: flex;
}

.Yy-d-flex-column {
    flex-direction: column;
}

.Yy-d-block {
    display: block;
}

/* 自动换行 */
.Yy-flex-wrap {
    flex-wrap: wrap;
}

/* 不允许换行 */
.Yy-flex-wrap-nowrap {
    flex-wrap: nowrap;
}

.Yy-flex-cen {
    justify-content: center;
    align-items: center;
}

.Yy-ju-cen {
    justify-content: center;
}

.Yy-ju-sb {
    justify-content: space-between;
}

.Yy-ju-sa {
    justify-content: space-around;
}

.Yy-ai-cen {
    align-items: center;
}

/* 弹性布局 */


/* 内边距 */
.Yy-pd-lr-5B {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

.Yy-ptb-5px {
    padding-top: 5px;
    padding-bottom: 5px;
}

.Yy-ptb-15px {
    padding-top: 15px;
    padding-bottom: 15px;
}

.Yy-plr-15px {
    padding-left: 15px;
    padding-right: 15px;
}

.Yy-plr-5px {
    padding-left: 5px;
    padding-right: 5px;
}

.Yy-pd-lr14-tb-10 {
    padding: 10px 14px !important;
}

/* 内边距 */


/* 外边距 */
.Yy-mt-12px {
    margin-top: 12px;
}

.Yy-mt-10px {
    margin-top: 10px;
}

.Yy-mt-30px {
    margin-top: 30px;
}

.Yy-mr-10 {
    margin-right: 10px;
}
.Yy-mr-30 {
    margin-right: 30px;
}

.Yy-mt-5px {
    margin-top: 5px;
}

.Yy-mb-5px {
    margin-bottom: 5px;
}


.Yy-mb-30px {
    margin-bottom: 30px;
}


.Yy-mlr-12px {
    margin-left: 12px;
    margin-right: 12px;
}

.Yy-ml-auto {
    margin-left: auto;
}

/* 外边距 */




.Yy-nowrap {
    white-space: nowrap;
}

/* 高度、宽度 */
.Yy-h-100 {
    height: 100%;
}

.Yy-w-100 {
    width: 100%;
}

/* 圆角 */
.Yy-br-8 {
    border-radius: 8px;
}


/* 文本 */

.Yy-text-cen {
    text-align: center;
}

.Yy-text-r {
    text-align: right;
}


/* 定位 */
.Yy-pos-r {
    position: relative;
}
.Yy-pos-a {
    position: absolute;
}

/* 技术类 */
/* 图片自适应1 */
.Yy-img-of-cover {
    object-fit: cover;
}
.Yy-scroll-container {
    height: 100px;
    /* 设置一个固定的高度 */
    overflow-y: auto;
    /* 当内容超出容器高度时，显示垂直滚动条 */
    overflow-x: hidden;
    /* 隐藏水平滚动条 */
}


/* 溢出向右滚动 */
.Yy-scroll-right {
    overflow-x: auto;
    display: -webkit-box;
    -webkit-overflow-scrolling: touch;
    margin: 0.5rem 0.5rem
}

.Yy-scroll-right::-webkit-scrollbar {
    display: none;
}


/* 两行显示省略号 */
.Yy-text-ellipsis2 {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* 鼠标经过时图片特效1 */
.Yy-img-hover1 {
    transition: all 0.4s;
}
.Yy-img-hover1:hover {
    opacity: 0.8;
}


/* 添加阴影 */
.Yy-shadow {
    box-shadow: 0 2px 4px 1px rgba(0, 0, 0, .12);
}


/* 设置手势 */
.Yy-cursor-pointer {
    cursor: pointer;

}


.Yy-o-h {
    overflow: hidden;
}


/* 鼠标经过变色 */
.Yy-hover-color-1:hover {
    color:#01aaed;
}

/* 颜色 */
.Yy-color-fff {
    color:#fff;
}

.Yy-bgc-greey {
    background-color: #16baaa;
}